<template>
  <div>
    <van-picker
      title="修改性别"
      show-toolbar
      :default-index="gender"
      :columns="columns"
      @confirm="onConfirm"
      @cancel="onCancel"
    />
  </div>
</template>

<script>
import { updateUserProfile } from '@/api/user.js'
export default {
  data() {
    return {
      columns: ['女', '男'], // 这个
    }
  },
  props: ['gender'],
  methods: {
    //点击确定
    async onConfirm(value, index) {
      this.$toast.loading({
        message: '努力加载中....',
      })
      try {
        await updateUserProfile({
          gender: index,
        })
        this.$toast.success('修改性别成功')
        this.$emit('update:gender', index)
        this.$emit('close')
      } catch (error) {
        this.$toast.fail('修改性别失败')
      }
    },
    //点击取消
    onCancel() {
      console.log('取消')
      this.$emit('close')
    },
    //改变 (本地)
    // onChange(picker, value, index) {
    //   console.log('改变', picker, value, index)
    //   this.$emit('update:gender', index) // 0 - 女
    // },
  },
}
</script>

<style></style>
